// 入口函数
$(function () {
    /*     // ajax的预处理函数
        $.ajaxPrefilter(function(options){
        options.url='http://api-breakingnews-web.itheima.net'+options.url
        })
        // 因为总能要用，所以单独封装baseAPI.js */
    // console.log(layui); 
    //icon图标： 6笑脸 5哭脸
    // layui.layer.msg("hello",{icon:6})
    // layui.layer.msg("hello",{icon:5})
    // alert(4)
    // 单击 注册，登录 切换
    //点击去注册  
    $('#link_reg').on('click', function () {
        $('.login-box').hide()
        $('.reg-box').show()
    })
    //点击去登录
    $('#link_login').on('click', function () {
        $('.login-box').show()
        $('.reg-box').hide()
    })
    // 注册事件：
    // 绑定表单！的submmit事件，阻止默认行为，收集表单数据，验证数据（自己写太麻烦），发送请求
    // 引入的layui已经封装好layui对象，有一个form属性（layui.form）
    // 自定义表单验证规则，加到html的lay-verify里 lay-verify="required|pwd"
    layui.form.verify({
        //  pwd:[正则，'提示文字']
        pwd: [/^\S{6,12}$/, '密码必须是6-12位的非空字符'],
        repwd: function (value, item) {
            //   console.log(value,item);
            var password = $('#form_reg [name=password]').val()
            if (value !== password) {
                return "两次密码输入不一致"
            }

        }
    })
    //  注册事件
    $('#form_reg').on('submit', function (e) {
        e.preventDefault()
        //   测试提交事件
        // console.log('ok');
        // 收集表单数据 [name=username]:属性选择器
        var username = $('#form_reg [name=username]').val().trim()
        var password = $('#form_reg [name=password]').val().trim()
        var repassword = $('#form_reg [name=repassword]').val().trim()
        //   测试数据
        //  console.log(username,password,repassword);
        // 验证数据
        // 发送请求 用户名：hmthmq 密码：123123
        $.ajax({
            method: 'POST',
            url: '/api/reguser',
            data: {
                // username:username简写
                username,
                password
            },
            success(res) {
                console.log(res)
                if (res.status !== 0) {
                    // 美化弹出窗口
                    return layui.layer.msg(res.message, { icon: 5 })
                }
                layui.layer.msg(res.message, { icon: 6 }, function () {
                    $('#link_login').click()
                })
                // 展示登录表单,利用layer.msg回调函数,先成功提示再展示登陆表单
                // $('#link_login').click()
            }
        })
    })
    // 登录事件 data可以是对象，也可以是字符串的键值对（'username=hmt&password=123123'）
    // 回调函数中：1.保存登录成功之后的token数据（为后面调用有权限的接口做准备） 2.页面跳转：跳转到后台首页
    $('#form_login').on('submit', function (e) {
        e.preventDefault()
        var data = $(this).serialize()
        console.log(data);
        $.ajax({
            method: 'POST',
            url: '/api/login',
            data,
            success(res) {
                if (res.status !== 0) {
                    return layui.layer.msg(res.message, { icon: 5 })
                }
                layui.layer.msg(res.message, { icon: 6 }, function () {
                    localStorage.setItem('token', res.token)
                    location.href = 'index.html'
                })
            }
        })
    })



})